<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://wwang-net.oss-cn-beijing.aliyuncs.com/opensite/avatar.jpg" rel="SHORTCUT ICON">
    <title>登录</title>
    <link href="./css/login.css" rel="stylesheet" type="text/css"/>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

<body>
    <div class="content">
        <div class="avatar"></div>
        <div class="loginOrRegisterBox">
            <ul class="witch">
                <li id="loginButton">登录</li>
                <li id="registerButton">注册</li>
            </ul>
            <div id="form">
                <form action="/login" id="login">
                    <input type="text" placeholder="用户名 / 邮箱" name="username">
                    <input type="password" placeholder="密码" name="password">
                    <div>
                        <input type="checkbox" name="" id="">
                        <p>记住密码</p>
                        <a href="#">忘记密码？</a>
                    </div>
                    <input type="submit" value="登 录">
                </form>
                <form action="" id="register">
                    <input type="text" placeholder="用户名" name="username">
                    <input type="email" name="email" id="eamil" placeholder="邮箱">
                    <input type="password" placeholder="密码" name="password">
                    <input type="password" placeholder="确认密码" name="confirmPassword">
                    <input type="submit" value="立即注册">
                </form>
                <div id="create">Created By &#64;CodeWwang</div>
            </div>
        </div>
    </div>

    <script src="./js/login.js"></script>
</body>

</html>